<template>
    <div class="content-box">
        <ul>
            <li class="na1">
                <img src="./image/logo.png" alt=""/>
            </li>
            <li class="na2">首页</li>
            <li class="na3">驻场服务</li>
            <li class="na4">远程服务</li>
            <li class="na5">
                <input type="text" placeholder="输入像搜索的内容">
                <img src="./image/搜索.png" alt="">
            </li>
            <li class="na6">股份投资</li>
            <li class="na7">人才投资</li>
            <li class="na8">招聘APP</li>
            <li class="na9">登录</li>
            <li class="na10">注册</li>
        </ul>
    </div>
</template>
<script>
export default {
   data() {
      return {
      }
   },
   created(){
   },
   computed:{
   },
   methods:{
   },
}
</script>
<style lang="less" scoped>
.content-box{
    width: 1920px;
    height: 73px;
    background-color: rgba(0, 0, 0, 0);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    li{
        height: 51px;
        float: left;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 40px;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
    }
    .na1{
        margin-left: 0;
    }
    .na2{
        margin-left: 60px;
    }
    .na5{
        margin-left: 60px;
        input{
            width: 228px;
            height: 38px;
            border-radius: 19px;
            padding-left: 20px;
	        outline:none;  
	        border:0px;
        }
        position: relative;
        img{
            position: absolute;
            right: 19px;
        }
    }
    .na6{
        margin-left: 60px;
    }
    .na8{
        margin-left: 140px;
    }
}
</style>
